<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="tools/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- Parent div start here-->
<div class="index01b"> 
  <!-- Top section start here -->
  <div class="top-div"> 
    <!-- Top left section start here -->
    <div class="top-left-div"> 
      <!--Logo div start here -->
      <div class="logo-div"> <img src="images/logo.png" width="520" height="77" alt="Your Company Name.com" title="Your Company Name.com" /></div>
      <!--Logo div end here --> 
      <!-- Left header image start here -->
      <div class="top-header-img"> <img src="images/left-header-img.png" width="523" height="370" alt="" /></div>
      <!-- Left header image end here --> 
      <!-- Left Testimonial start here -->
      <div class="left-testimonial">
        <h3>Thousands of new members joining daily...</h3>
        <ul>
          <li>Meet thousands of fun, attractive, single men and women in your area on our online dating site.</li>
          <li>No gimmicks, no tricks.</li>
          <li>Join our site and browse online personals from thousands of sexy singles who've discovered the benefits of free online dating and matchmaking. Why wait?</li>
          <li>Fast, Simple & Easy to use. Register now, it's the only way to find out!</li>
        </ul>
        <p><span>Your success story begins</span><a href="#">Here</a></p>
      </div>
      <!-- Left  Testimonial end here --> 
    </div>
    <!-- Top left section end here --> 
    
    <!-- Top right section start here -->
    <div class="top-right-div"> 
      <!-- Login div start here -->
      <div class="login-div">
        <div class="login-top"><form>
         <label>Username:
            <input name="" type="text" />
          </label>
          <label>Password:
            <input name="" type="text" />
          </label>
          <label>
            <input name="" value="Login" type="submit" />
          </label>
          <br />
          <span><a href="#">Forgot Username</a>/<a href="#">Password?</a></span></form></div>
        <div class="login-middle">
          <h2>Join Now</h2>
          <label>I am a:
            <select name="">
              <option>Man</option>
              <option selected="selected">Woman</option>
            </select>
          </label>
          <label>Seeking a:
            <select name="">
              <option selected="selected">Man</option>
              <option>Woman</option>
            </select>
          </label>
          <hr />
          <label>Choose a username:<br />
            <input name="" type="text" />
          </label>
          <br />
          <label>Choose a password:<br />
            <input name="" type="text" />
          </label>
          <br />
          <label>Email address:<br />
            <input name="" type="text" />
          </label>
          <br />
          <label>Birthday:<br />
            <select name="">
              <option>Month</option>
            </select>
            /
            <select name="">
              <option>Day</option>
            </select>
            /
            <select name="">
              <option>Year</option>
            </select>
          </label>
          <br />
          <span>
            <input name="" type="checkbox" value="" />
            I have read and Agree to the Terms and Conditions
            </span>
          <label><span>
            <input name="" type="submit" value="CLICK HERE >>" />
            </span></label>
        </div>
        <div class="login-bottom"><img src="images/login-bottom-curve.gif" width="400" height="14" alt="" /></div>
      </div>
      <!-- Login div end here --> 
      <!-- Right header image start here -->
      <div class="right-header-img"> <img src="images/right-header-img.png" width="426" height="224" alt="Special Offer" title="Special Offer" /></div>
      <!-- Right header image end here --> 
    </div>
    <!-- Top right section end here --> 
  </div>
  <!-- Top section end here --> 
  
  <!-- Footer section start here -->
  <div class="bottom-div"> 
    <!-- Bottom-nav start here -->
    <div class="bottom-nav">
      <div id="bottom-nav">
        <ul>
          <li><a href="#">home</a></li>
          <li><a href="#">magazine</a></li>
          <li><a href="#">contact us</a></li>
          <li><a href="#">billing</a></li>
          <li><a href="#">success stories</a></li>
          <li><a href="#">careers</a></li>
          <li><a href="#">about</a></li>
          <li><a href="#">advertise with us</a></li>
          <li><a href="#">search</a></li>
          <li><a href="#">join now</a></li>
          <li><a href="#">terms</a></li>
          <li><a href="#">privacy policy</a></li>
          <li><a href="#">site map</a></li>
        </ul>
      </div>
    </div>
    <!-- Bottom-nav end here --> 
    
    <!-- Copyright section start here-->
    <div class="copyright"> 
      <!-- Copyright left section start here-->
      <div class="copyright-left">© 2010, Your Company Name. All rights reserved.</div>
      <!-- Copyright left section start here --> 
      <!-- Copyright right section start here -->
      <div class="copyright-right"> Website designed and maintained by Espiritu Corporation. <a href="http://www.espirituwebsolutions.com/" target="_blank"><img src="images/espiritu-logo.png" alt="www.espirituwebsolutions.com" title="www.espirituwebsolutions.com" width="16" height="15" border="0" /></a></div>
      <!-- Copyright right section start here --> 
    </div>
    <!-- Copyright section end hrere--> 
  </div>
  <!-- Footer section end here --> 
</div>
<!-- Parent div end here-->
</body>
</html>
